<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>捡漏</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/page.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/media.js"></script>
    <script src="../js/common.js"></script>
    <style>

    </style>
</head>

<body>
<!--    &lt;!&ndash;头部&ndash;&gt;
    <div class="public-header flex">
        &lt;!&ndash;<span class="public-header-left-search"></span>&ndash;&gt;
        <span class="public-header-left-back"></span>
        <span class="public-header-center">捡漏</span>
        <span class="public-header-right"></span>
    </div>

    &lt;!&ndash;正文&ndash;&gt;
    <div class="Pick-up-the-leak bc-gray">
        <ul class="top flex">
            <li class="active">
                <p class="hour">20:00</p>
                <p class="word">即将开始</p>
            </li>
            <li>
                <p class="hour">20:00</p>
                <p class="word">即将开始</p>
            </li>
            <li>
                <p class="hour">20:00</p>
                <p class="word">即将开始</p>
            </li>
            <li>
                <p class="hour">20:00</p>
                <p class="word">即将开始</p>
            </li>
            <li>
                <p class="hour">20:00</p>
                <p class="word">即将开始</p>
            </li>
        </ul>
        <div class="bottom-1" style='display:;'>
            <h6>距离下一场开始还剩</h6>
            <div>
                <span>30</span><font>分</font><span>27</span><font>秒</font><span>15</span>
            </div>
            <p>添加提醒</p>
        </div>
        <div class="bottom-2">
             <h6>距离下一场开始还剩 <span>04</span>:<span>57</span>:<span>32</span></h6>
             <ul>
                 <li>
                     <img src="../img/配图@2x.png" alt="">
                     <p class="t1">产品名字产品名字产品</p>
                     <p class="t2">
                         <span>￥:40.00起</span>
                         <em>141</em>
                     </p>
                 </li>
                  <li>
                     <img src="../img/配图@2x.png" alt="">
                     <p class="t1">产品名字产品名字产品</p>
                     <p class="t2">
                         <span>￥:40.00起</span>
                         <em>141</em>
                     </p>
                 </li>
                  <li>
                     <img src="../img/配图@2x.png" alt="">
                     <p class="t1">产品名字产品名字产品</p>
                     <p class="t2">
                         <span>￥:40.00起</span>
                         <em>141</em>
                     </p>
                 </li> <li>
                     <img src="../img/配图@2x.png" alt="">
                     <p class="t1">产品名字产品名字产品</p>
                     <p class="t2">
                         <span>￥:40.00起</span>
                         <em>141</em>
                     </p>
                 </li>
             </ul>
        </div>

    </div>-->


    <script>
        $(function () {
           /* $('.top li').click(function () {
                var index = $(this).index();
                var width = $(this).width();
                var x = index * width + 'px';
                $(this).addClass('active').siblings().removeClass('active')
                    .parent().css('background-position', x + ' 0px');

            })*/
           alert("该功能暂未开放");
        })
    </script>
</body>

</html>